#pay {
    .main{
        background: #f5f7f9;       
        min-height: 70vh;
        display: flex;
        flex-direction: column;
        >.title{
            font-size: 18px;
            font-weight: 900;
            padding:30px 0 15px;
        }
        .tip{
            line-height: 20px;
            margin-bottom: 8px;
            .payLimit{
                color:#f55858;
            }
            .backOrder{
                color:#00b4ff;
                cursor: pointer;
            }
        }
        .detail{           
            
            padding:20px;
            border:1px solid #dedede;
            display: flex;
            flex-direction: column;
            justify-content: center;
            margin-top: 5px;
        }
        
        .credit{
            height:78px;
            border:1px solid #dedede;
            background: #e9e3f5;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding:0 20px;
            margin-top: 20px;
            .left{
                display: flex;
                justify-content: space-between;
                align-items: center;
                .iconfont{
                    font-size: 40px;
                    color:#003ca0;
                    display: inline-block;
                    transform: translateY(3px);
                }
                .sxzf{
                    margin-left:20px;
                    font-size: 14px;
                }
                .sxzg{
                    color:#8a7ea6;
                    margin-left:20px;
                }
            }
            .right{
                .money{
                    font-size: 18px;
                    color:#f55858;
                }
            }
            
        }
        .btn{
            flex-grow: 1;
            min-height: 150px;
            position: relative;
            >div{
                display: flex;
                align-items: center;
                position: absolute;
                left:50%;
                bottom:50px;
                transform: translateX(-50%);
            }
            .backOrder{
                color:#00b4ff;
                cursor: pointer;
                display: inline-block;
                transform: translateX(-50px);
            }
            .payBtn{
                background: #f55858;
                width:280px;
                height:50px;
                border-radius: 30px;
                text-align: center;
                color:white;
                line-height: 50px;
                font-size: 16px;              
                cursor: pointer;
            }
        }
    }
}
